<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
	<meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
	<th:block th:include="include :: header('工器具物联网数据平台')" />
	 <script>
        if(window.top!==window.self){window.top.location=window.location};
    </script>
  
</head>

	<body>
		<input type="hidden"  id="deptName" name="deptName"  readonly th:value="${user.dept.deptName}"/>
		<input type="hidden" id="dprtcode" name="dprtcode"  readonly th:value="${user.deptId}"/>
		<header>
			[[${user.dept?.deptName}]]工器具物联网数据平台
			<div style=" font-size:14px; position: absolute; left: 1300px; top:0px;color: #ffffff ;width: 600px">[[${user.userName}]]&nbsp;&nbsp;[[${user.dept?.deptName}]]&nbsp;&nbsp;<span id=localtime ></span>
			&nbsp;&nbsp;<a th:href="@{logout}" style="text-decoration:none;color: #09e8ff"><i class="fa fa-sign-out" ></i> 退出登录</a></div>
			
		</header>
		<div id="content">
	       <div class="row">
				<div class="content_left col-sm-3">
					<div class="dtuplc ">
						<div class="dtu col-sm-6" style=" width: 185px;">
							<div id="container" style="height: 100%;"></div>						
						</div>
						<div class=" col-sm-3 title1 " ><img src="../img/icon03.png" /> 在线统计</div>
						<div class=" col-sm-4 " style="color: #abe0de;font-size: 15px;padding: 0px;line-height: 25px;">已建库房总数</div>
						<div class=" col-sm-4 " style="color: red;font-size: 15px;padding: 0px;line-height: 25px;"><span id="kfNums">0</span></div>
						<div class=" col-sm-4 " style="color: #abe0de;font-size: 15px;padding: 0px;line-height: 25px;    width: 140px;">未建库房总数</div>
						<div class=" col-sm-4 " style="color: red;font-size: 15px;padding: 0px;line-height: 25px;"><span id="testNums">0</span></div>
												
					</div>
					
	                <div class="online">
	                	<div class="title"><img src="../img/icon01.png" /> 站点分布统计</div>
	                	<div class="online_con" id="container1">
	                		
	                	</div>
	                </div>
	                <div class="industry">
	                	<div class="title"><img src="../img/icon02.png" /> 供应商评价</div>
	                	<div class=" col-sm-12 " style="text-align: left;color: #abe0de;font-size: 15px;line-height: 25px;"><p style="letter-spacing:5px">1.河北天能电力器具制造有限公司</p></div><br>
	                	<div class=" col-sm-12 title1" style="text-align: left;color: #abe0de;font-size: 15px;line-height: 5px;margin-left: 22px"><p style="letter-spacing:5px">  推荐指数：★★★★★</p></div>
	                	<div class=" col-sm-12 " style="text-align: left;color: #abe0de;font-size: 15px;line-height: 25px;"><p style="letter-spacing:5px">2.天津市腾盛橡塑制品厂</p></div>
	                	<div class=" col-sm-12 title1" style="text-align: left;color: #abe0de;font-size: 15px;line-height: 5px;margin-left: 22px">  <p style="letter-spacing:5px">推荐指数：★★★★☆</p></div>
	                	<div class=" col-sm-12 " style="text-align: left;color: #abe0de;font-size: 15px;line-height: 25px;"><p style="letter-spacing:5px">3.保定奥雄电力器材有限公司 </p></div>
	                	<div class=" col-sm-12 title1" style="text-align: left;color: #abe0de;font-size: 15px;line-height: 5px;margin-left: 22px">  <p style="letter-spacing:5px">推荐指数：★★★☆☆</p></div>
	                </div>
				</div>
			
			
			
			<div class="content_center col-sm-6">
				<div class="center_top" style="border: 1px solid #064fa0; ">
					 <iframe class="Stm_iframe" name="iframe0" id="iframe0" width="100%" height="100%" data-id="/system/main"
                   		 th:src="@{/system/main}" frameborder="0" seamless scrolling ="no">
                    </iframe>
				</div>
				<div class="center_bot">
					<div class="col-sm-12 btn-group-sm"  role="group" style="color: #ffffff;margin-bottom: 2px">
						<form id="list-form">
		               <div class="select-list">
		               	<input type="hidden" id="dprtcode" name="dprtcode"  readonly th:value="${user.deptId}"/>
		               <p style="float: left;font-size: 20px;">      <b>工器具统计>>&nbsp;&nbsp;&nbsp;</b></p>
				        <ul style="float: left;">
			            	<li>
							<span style="color: #ffffff">省名称：</span> 
								  <select class="selectpicker province" id="province" name="province"  data-live-search="true" data-size="10"  onchange="onchangeprovince()" readonly="readonly">
					  			 
					  			  </select>
					  			  &nbsp;&nbsp;
							<span style="color: #ffffff">市名称：</span> 
								<select class="selectpicker" id="city" name="city"  data-live-search="true" data-size="10"  onchange="onchangecity()" >
					  			 </select>
				  			  &nbsp;&nbsp;
							<span style="color: #ffffff">县名称：</span> 
								<select class="selectpicker" id="county" name="county"  data-live-search="true" data-size="10"  onchange="onchangecounty()">
					  			 </select>
	 			  			</li>
	 			  			
						</ul>
						</div>
						</form>
			        </div>
	        
			        <div class="col-sm-10 select-table table-striped" style="width: 960px;overflow-y:auto;height: 222px;margin: 0px">
					    <table id="bootstrap-table" data-mobile-responsive="true"></table>
					</div>
				</div>
			</div>
			<div class="content_right" >
				<div class="report">
					<div class="report1">
						<p>告警信息</p>
						<small style="color: #ffffff">0 条</small>
					</div>
					<div class="report2">
						<p>超期预警</p>
						<small style="color: #ffffff">0 条</small>
					</div>
				</div>
				<div class="news_report">
					<div class="title"><img src="../img/icon05.png" /> 报警记录</div>
					<div class="news_list">
						<ul>
							<!-- <li v-for="item in almMsg.slice(0,3)" class="li02">
							   2020年3月4日市A区12#温度过高报警
							</li>
							<li v-for="item in almMsg.slice(0,3)" class="li02">
							   达州市A区12#湿度过高报警
							</li>
							<li v-for="item in almMsg.slice(0,3)" class="li02">
							   湖北省12#烟雾过高报警
							</li> -->
						</ul>
					</div>
				</div>
				<div class="data_box">
					<div class="title" ><img src="../img/icon06.png" /> 数据记录</div>
					<div class="data_con" id="container4">
					</div>
				</div>
			</div>
			</div>
		</div>
		



		
		
		<th:block th:include="include :: footer" />
	
		
		<script type="text/javascript" src="../stm/dataV/DTU.js"></script>
		<script type="text/javascript" src="../stm/dataV/online.js"></script>
		
		<script type="text/javascript" src="../stm/dataV/echarts.min.js"></script>
		
		<script type="text/javascript" src="../stm/dataV/china.js"></script>
		
		
		
		<script type="text/javascript" src="../stm/dataV/times.js"></script>
		
		<script type="text/javascript" src="../stm/dataV/data.js"></script>
		
		<script type="text/javascript" src="../stm/dataV/index.js"></script>
	
			<script  th:src="@{/stm/dataV/toolstatistics.js}"></script>

	</body>
</html>
